import React from 'react';
import { Box, Text } from '@nova-hf/ui';
import { useTranslation } from 'utils/i18n';

export const RemoveDevices = () => {
  const { t } = useTranslation('fiber');

  return (
    <Box display="flex" flexDirection="column" width="8/12">
      <Text variant="h5" color={'black100'}>
        {t('fiberDevices.modalTitle')}
      </Text>
      <Box marginY={5} flexGrow={1}>
        {t('fiberDevices.modalDescription')}
      </Box>
    </Box>
  );
};